.index{
	.firstBg {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		top: 44px;
		z-index: 1;
		background: url('../../../static/images/first_bg.png') no-repeat right top;
		background-size: cover;
	}
	.sidebar-container {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 1000;

		transition: left .5s;
		-moz-transition: left .5s; /* Firefox 4 */
		-webkit-transition: left .5s; /* Safari 和 Chrome */
		-o-transition: left .5s; /* Opera */

		.sidebar {
			width: 260px;
			height: 100%;
			margin-right: 20px;
			background-color: #fff;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		    box-sizing: border-box;
		    position: relative;
		    .topLogo {
		    	height: 100%;
		    	height: 2rem;
		    	background: url(../../../static/images/logo_bar2.png) no-repeat center center;
		    	background-size: cover;
		    }
		    .sideBarTemplate {
		    	top: 2.2rem;
				bottom: 1rem;
		    	.scroll-inner {
					padding-top: 2.2rem;
		    	}
			    .sideBarItem {
			    	height: 1rem;
			    	line-height: 1rem;
			    	font-size: .3rem;
			    	padding-left: 2%;
			    	border-left: 5px solid #fff;
		    		i {
		    			width: 50px;
		    			display: inline-block;
		    			text-align: center;
		    			font-size: .35rem;
		    		}
			    }
			    .sideBarItem.active {
					color: #5E89FF;
					background-color: #f1f8fa;
					border-left: 5px solid #5E89FF;
			    }
		    }
		 	.bottom {
		 		position: absolute;
		 		bottom: 0;
		 		left: 0;
		 		width: 100%;
		 		box-sizing: border-box;
		 		height: 1rem;
		 		line-height: 1rem;
		 		border-top: 1px solid #ddd;
		 		.bottomItem {
		 			float: left;
		 			width: 50%;
		 			text-align: center;
		 		}
		 	}   	
		}
	}
	.sidebar-container.close {
		left: -100%;
	}
}
